.body-no-scroll {
  overflow: hidden !important;
}

.main_bg {
  @include main_bg_color(theme);
}

.bg-color {
  @include main_bg_color(theme);
}

.font-color {
  @include main_color(theme);
}

.border-eee {
  border: 1px solid #eee;
}

.icon-xiangyou {
  font-size: 20rpx;
}

.pages-activity-goods_seckill-index, .pages-discover-discover_details-index, .pages-discover-discover_recommend-index {
  background-color: #fff !important;
}

.uni-tabbar-bottom {
  bottom: 0;
}

/**
 * 从底部弹出
 */
.mask-popup {
  position: fixed;
  bottom: 0;
  width: 100%;
  left: 0;
  z-index: 77;
  border-radius: 16rpx 16rpx 0 0;
  transform: translate3d(0, 100%, 0);
  transition: all .2s cubic-bezier(0, 0, .25, 1);
  background: #ffffff;
  border-radius: 16rpx 16rpx 0 0;

  &.on {
    transform: translate3d(0, 0, 0);
  }

}

//缺省页样式
.empty-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 60rpx;

  image {
    width: 414rpx;
    height: 305rpx;
  }

  .txt, text {
    font-size: 26rpx;
    color: #999;
  }
}

//导航页底部适配是否自定义导航
.footerBottom {
  width: 100%;
  height: auto;
  padding-bottom: 100rpx;
  padding-bottom: calc(100rpx + constant(safe-area-inset-bottom)); ///兼容 IOS<11.2/
  padding-bottom: calc(100rpx + env(safe-area-inset-bottom)); ///兼容 IOS>11.2/
}

.activityProgress {
  overflow: hidden;
  background-color: #5E2400;
  width: 56rpx;
  border-radius: 18rpx;
  height: 6rpx;
  position: relative;

  .bg-reds {
    background-color: #FE960F;
    height: 100%;
  }
}

.loadingpic {
  animation: load 3s linear 1s infinite;
  --webkit-animation: load 3s linear 1s infinite
}

.loading-list {
  animation: load linear 1s infinite;
  -webkit-animation: load linear 1s infinite;
  font-size: 40rpx;
  margin-right: 22rpx
}

.loading {
  width: 100%;
  height: 100rpx;
  line-height: 100rpx;
  align-items: center;
  justify-content: center;
  position: relative;
  text-align: center
}

.loading .line {
  position: absolute;
  width: 450rpx;
  left: 150rpx;
  top: 50rpx;
  height: 1px;
  border-top: 1px solid #eee
}

.loading .text {
  position: relative;
  display: inline-block;
  padding: 0 20rpx;
  background: #fff;
  z-index: 2;
  color: #777
}

.loadingicon .loading {
  animation: load linear 1s infinite;
  font-size: 45rpx;
  color: #000
}

.loadingicon {
  width: 100%;
  height: 80rpx;
  overflow: hidden
}


.product-con .wrapper {
  background-color: #fff;
  padding: 24rpx;
  margin-top: 20rpx;
}


.product-con .wrapper .share .money {
  font-size: 28rpx;
  font-weight: 700
}

.product-con .wrapper .share .money .num {
  font-size: 48rpx
}

.product-con .wrapper .share .money .vip-money {
  color: #282828;
  margin-left: 13rpx
}

.product-con .wrapper .share .money image {
  width: 44rpx;
  height: 28rpx;
  margin-left: 14rpx
}

.product-con .wrapper .share .money .vip-money {
  color: #282828;
  margin-left: 13rpx
}

.product-con .wrapper .share .iconfont {
  color: #999;
  font-size: 36rpx;
}

.product-con .wrapper .introduce {
  font-size: 32rpx;
  font-weight: 700;
}

.product-con .wrapper .label {
  margin-top: 26rpx;
  font-size: 24rpx;
  color: #82848f;
}

.product-con .wrapper .coupon {
  margin-top: 40rpx;
  font-size: 26rpx;
  color: #82848f
}

.product-con .wrapper .coupon .activity {
  height: 40rpx;
  padding: 0 20rpx;
  @include coupons_border_color(theme);
  @include main_color(theme);
  font-size: 24rpx;
  line-height: 40rpx;
  position: relative;
  margin-left: 4rpx;
}

.product-con .wrapper .coupon .activityBox {
  margin-left: 4rpx;
}

.product-con .wrapper .coupon .activity:before {
  content: ' ';
  position: absolute;
  width: 7rpx;
  height: 10rpx;
  border-radius: 0 7rpx 7rpx 0;
  border: 1rpx solid #f2857b;
  // @include coupons_border_color(theme);
  background-color: #fff !important;
  bottom: 50%;
  left: -3rpx;
  margin-bottom: -6rpx;
  border-left-color: #fff;
}

.product-con .wrapper .coupon .activity:after {
  content: ' ';
  position: absolute;
  width: 7rpx;
  height: 10rpx;
  border-radius: 7rpx 0 0 7rpx;
  border: 1rpx solid #f2857b;
  // @include coupons_border_color(theme);
  background-color: #fff;
  right: -3rpx;
  bottom: 50%;
  margin-bottom: -6rpx;
  border-right-color: #fff
}

.product-con .wrapper .coupon .iconfont {
  color: #7a7a7a;
  font-size: 24rpx
}

.product-con .attribute {
  background-color: #fff;
  padding: 24rpx;
  font-size: 26rpx;
  color: #82848f;
  // height: 160rpx;
}

.product-con .attribute .atterTxt {
  font-size: 28rpx;
  color: #282828;
  margin-left: 4rpx;
}

.product-con .attribute .iconfont {
  font-size: 24rpx;
  color: #7a7a7a
}

.product-con .userEvaluation {
  // padding: 0 30rpx;
}

.product-con .userEvaluation i {
  font-style: normal;
  margin-left: 8rpx;
  font-size: 24rpx;
  color: #999999;
}

.product-con .userEvaluation .title {
  height: 86rpx;
  background-color: #fff;
  font-size: 28rpx;
  color: #282828;
  padding: 0 24rpx;
  border-top-left-radius: 14rpx;
  border-top-right-radius: 14rpx;
}

.product-con .userEvaluation .title .praise {
  font-size: 28rpx;
  color: grey
}

.product-con .userEvaluation .title .praise .iconfont {
  color: #7a7a7a;
  font-size: 24rpx;
  vertical-align: 1rpx;
  margin-left: 8rpx
}

.product-con .product-intro {
  position: relative;
  overflow: hidden;
  margin: 20rpx 20rpx 0 20rpx;
  border-radius: 12rpx;
}

.product-con .product-intro image {
  width: 20rpx;
  height: 20rpx;
}

.product-con .product-intro .title {
  font-size: 30rpx;
  color: #282828;
  height: 102rpx;
  width: 100%;
  text-align: center;
  line-height: 102rpx
}

.product-con .product-intro .title .sp {
  margin: 0 14rpx;
}

.product-con .product-intro .conter {
  width: 100% !important;
  height: unset !important;
  word-wrap: break-word;
  overflow: hidden;
}

.newsDetail .conter {
  padding: 0 30rpx;
  word-wrap: break-word;
}


.newsDetail .conter image {
  width: 100% !important;
  display: block !important
}

.goodsStyle {
  background-color: #fff;
  padding: 20rpx 24rpx;
}

.goodsStyle .pictrue {
  width: 120rpx;
  height: 120rpx
}

.goodsStyle .pictrue image {
  width: 100%;
  height: 100%;
  border-radius: 6rpx
}

.goodsStyle .text {
  width: 500rpx;
  font-size: 28rpx;
  color: #333333
}

.goodsStyle .text .name, .attr {
  // width: 360rpx;
  color: #282828;
  height: 2;
}

.goodsStyle .text .money {
  text-align: right;
  color: #999999;
  font-size: 28rpx;
}

.goodWrapper .item .pictrue {
  width: 130rpx;
  height: 130rpx;
  border-radius: 14rpx;
  overflow: hidden;
}

.goodWrapper .item .pictrue image {
  width: 100%;
  height: 100%;

}

.goodWrapper .item .text {
  width: 502rpx;
  position: relative
}

.goodWrapper .item .text .name {
  font-size: 28rpx;
  color: #282828;
}

.goodWrapper .item .text .num {
  font-size: 26rpx;
  color: #999999;
}

.goodWrapper .item .text .attr {
  font-size: 20rpx;
  color: #999999;
  margin-top: 20rpx
}

.goodWrapper .item .text .money {
  font-size: 26rpx;
  margin-top: 20rpx
}

.goodWrapper .item .evaluate {
  position: absolute;
  width: 114rpx;
  height: 46rpx;
  border: 1rpx solid #bbb;
  border-radius: 4rpx;
  text-align: center;
  right: 0;
  bottom: -5rpx;
  display: flex;
  align-items: center;
  justify-content: center;
}

.goodWrapper .item .text .evaluate.userEvaluated {
  font-size: 26rpx;
  color: #aaa;
  background-color: #f7f7f7;
  border-color: #f7f7f7
}

.promoterHeader {
  width: 100%;
  height: 220rpx
}

.promoterHeader .headerCon {
  width: 100%;
  height: 100%;
  padding: 58rpx 60rpx 0 60rpx;
  box-sizing: border-box;
  font-size: 28rpx;
  color: #fff;
  background-image: url('');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.promoterHeader .headerCon .name {
  margin-bottom: 10rpx;
}

.promoterHeader .headerCon .num {
  font-size: 50rpx;
}

.promoterHeader .headerCon .iconfont {
  font-size: 125rpx;
}

.sign-record .list .item .data {
  height: 80rpx;
  line-height: 80rpx;
  font-size: 24rpx;
  color: #666;
}

.sign-record .list .item .listn {
  font-size: 24rpx;
  color: #999;
  background-color: #fff;
}

.sign-record .list .item .listn .itemn {
  border-bottom: 1rpx solid #eee;
  padding: 20rpx 0;
  margin: 0 20rpx;
}

.sign-record .list .item .listn .itemn:last-child {
  border: none;
}

.sign-record .list .item .listn .itemn .name {
  width: 390rpx;
  font-size: 28rpx;
  color: #282828;
  margin-bottom: 10rpx;
}

.sign-record .list .item .listn .itemn .num {
  font-size: 36rpx;
  font-family: 'Guildford Pro';
  color: #16ac57;
}

.coupon-list {
  padding: 0 24rpx;
  margin-top: 25rpx;
}

.coupon-list .item {
  width: 100%;
  height: 190rpx;
  margin-bottom: 16rpx;
}

.coupon-list .item .money {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 240rpx;
  height: 100%;
  color: #fff;
  font-size: 36rpx;
  font-weight: bold;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-image: radial-gradient(circle at left center, #fff, #fff 6px, transparent 0px), url('');

}

.coupon-list .item .money.moneyGray {
  background-color: #bbb;
}

.coupon-list .item .money .num {
  font-size: 50rpx;
}

.coupon-list .item .text {
  width: 460rpx;
  height: 100%;
  padding: 0 14rpx;
  box-sizing: border-box;
  background-color: #fff;
}

.coupon-list .item .text .condition {
  flex-wrap: inherit !important;
  font-size: 28rpx;
  color: #282828;
  padding-top: 18rpx;
  margin-bottom: 16rpx;
  height: 94rpx;

  .line2 {
    width: 342rpx;
  }

  .line-title {
    width: 72rpx;
    margin-top: 7rpx;
    box-sizing: border-box;
    background: #fff;
    opacity: 1;
    border-radius: 20rpx;
    font-size: 20rpx;
    height: 30rpx;
    //line-height: 24rpx;
    margin-right: 12rpx;
    display: flex;
    justify-content: center;
    align-items: center;
    //text-align: center;
  }
}

.coupon-list .item .text .data {
  font-size: 20rpx;
  color: #999;
  border-top: 1px solid #F0F0F0;
  padding-top: 25rpx;
}

.coupon-list .item .text .data .bnt {
  width: 136rpx;
  height: 44rpx;
  border-radius: 22rpx;
  font-size: 22rpx;
  text-align: center;
  line-height: 44rpx;
  color: #fff;
}

.coupon-list .item .text .data .bnt.gray {
  background-color: #ccc;
}

// 缺省样式
.noCommodity {
  padding-top: 30rpx;

  .pictrue {
    width: 414rpx;
    height: 336rpx;
    margin: 0 auto 15rpx auto;

    image {
      width: 100%;
      height: 100%
    }
  }

  .text-ccc {
    color: #CCC;
    text-align: center;
    width: 90%;
    display: block;
    margin: auto;
    margin-top: -63rpx;
  }
}

// 登录、注册、忘记密码

.index-bg .uni-swiper-dot {
  width: 20rpx !important;
  height: 5rpx !important;
  border-radius: 3rpx
}

.boutique .uni-swiper-dot {
  width: 7rpx !important;
  height: 7rpx !important;
  border-radius: 50%
}

.boutique .uni-swiper-dot-active {
  width: 20rpx !important;
  border-radius: 5rpx !important
}


.statistical-page .mc-body {
  padding-bottom: 0
}

.statistical-page .mpvue-calendar {
  min-width: 100%
}

.statistical-page .mpvue-calendar table {
  margin: 0
}

.statistical-page .mpvue-calendar td {
  border-right: 1px solid #fff;
  padding: 0;
  width: 14% !important
}

.statistical-page .calendar-tools {
  box-shadow: unset;
  -webkit-box-shadow: unset;
  -o-box-shadow: unset;
  -moz-box-shadow: unset
}

.statistical-page .mc-head-box div {
  font-size: 14px
}

.statistical-page .mpvue-calendar td:not(.disabled) span.mc-date-red {
  color: unset
}

.statistical-page .mpvue-calendar .mc-range-mode .mc-range-begin span.calendar-date, .statistical-page .mpvue-calendar .mc-range-mode .mc-range-end span.calendar-date {
  border-radius: 0;
  background-color: #2291f8 !important
}

.statistical-page .mpvue-calendar td.selected span.mc-date-red {
  color: #fff
}

.statistical-page .mc-range-mode .selected .mc-range-bg {
  background-color: #a0dcf9
}

.statistical-page .mpvue-calendar .mc-range-mode .mc-range-row-first .calendar-date, .statistical-page .mpvue-calendar .mc-range-mode .mc-range-row-last .calendar-date {
  background-color: #a0dcf9
}

.statistical-page .mpvue-calendar .mc-range-mode .selected.mc-range-second-to-last span {
  background-color: #a0dcf9
}

.statistical-page .mpvue-calendar .mc-range-mode .mc-range-month-first.selected .calendar-date, .statistical-page .mpvue-calendar .mc-range-mode .mc-range-month-last.selected .calendar-date {
  background-color: #a0dcf9
}

.statistical-page .mc-today-element .calendar-date {
  border-radius: 0;
  background-color: unset
}

.new-users .uni-swiper-dot, .new-redeemIntegral .uni-swiper-dot {
  width: 8px;
  height: 4px;
  background: rgba(0, 0, 0, .15);
  border-radius: 2px
}

.new-users .uni-swiper-dot-active {
  width: 16px;
  height: 4px;
  @include main_bg_color(theme);
  border-radius: 2px
}

.new-redeemIntegral .uni-swiper-dot-active {
  width: 16px;
  height: 4px;
  background: rgba(233, 51, 35, 1) !important;
  border-radius: 2px
}

.pictrue_log {
  width: 80rpx;
  height: 40rpx;
  border-radius: 10rpx 0 10rpx 0;
  line-height: 40rpx;
  font-size: 24rpx
}

.pictrue_log_class {
  background: -webkit-gradient(linear, left top, right top, from(rgba(246, 122, 56, 1)), to(rgba(241, 27, 9, 1)));
  background: linear-gradient(90deg, rgba(246, 122, 56, 1) 0, rgba(241, 27, 9, 1) 100%);
  opacity: 1;
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  text-align: center;
  z-index: 3
}

.pictrue_log_medium {
  width: 80rpx;
  height: 44rpx;
  border-radius: 20rpx 0 20rpx 0;
  line-height: 44rpx;
  text-align: center;
  font-size: 26rpx
}

.pictrue_log_big {
  width: 100rpx;
  height: 46rpx;
  line-height: 46rpx;
  border-radius: 20rpx 0 20rpx 0;
  font-size: 28rpx
}

.spike-box .styleAll {
  background-color: #ffdfdd;
  color: #8B4513;
  padding: 0 5rpx
}

.product-con .nav .time .timeTxt {
  color: #fff
}

.bg-color-hui {
  background: #bbb !important;
}

.page_content .swiper .uni-swiper-dot {
  width: 20rpx !important;
  height: 5rpx !important;
  border-radius: 3rpx;
  background: rgba(0, 0, 0, .4) !important
}

.page_content .swiper .uni-swiper-dot-active {
  width: 20rpx !important;
  border-radius: 5rpx !important;
  background: #fff !important
}

.pictrue_log_xl {
  background: linear-gradient(90deg, rgba(246, 122, 56, 1) 0, rgba(241, 27, 9, 1) 100%)
}

.pictrue_log_xl_gray {
  background: linear-gradient(90deg, rgba(102, 102, 102, 1) 0, rgba(153, 153, 153, 1) 100%)
}

.pictrue_log_xl_blue {
  background: linear-gradient(90deg, rgba(26, 163, 246, 1) 0, rgba(24, 192, 244, 1) 100%)
}

.flex-aj-center {
  display: flex;
  align-items: center;
  justify-content: center
}

.page-index.bgf .noCommodity {
  border-top: 0;
}

.product-con .red {
  color: #82848f !important;
}

uni-checkbox:not([disabled]) .uni-checkbox-input:hover {
  border-color: #d1d1d1;
}

.bg-green {
  background-color: #3CBB45;
}

.borderShow {
  position: relative;
}

.borderShow::after {
  content: ' ';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 1px dashed #007AFF;
  box-sizing: border-box;
  z-index: 21;
}

.justify-between {
  justify-content: space-between;
}

.flex-column {
  flex-direction: column;
}

/**
 * 首页模块中标题样式
 */
.indexList {
  background-color: #fff;
  border-radius: 12rpx;
  padding: 30rpx 24rpx;

  .title {
    .text {
      width: 500rpx;
      color: #999999;
      font-size: 12px;
      display: flex;
      align-items: flex-end;

      image {
        width: 124rpx;
        height: 32rpx;
      }

      .label {
        font-size: 22rpx;
        margin-left: 10rpx;
        position: relative;
        top: 4rpx;
      }
    }

    .more {
      font-size: 20rpx;
      padding: 4rpx 10rpx;
      text-align: center;
      border-radius: 4rpx 4rpx 4rpx 4rpx;

      .iconfont {
        font-size: 18rpx;
      }
    }
  }

  .tips {
    color: rgba(51, 51, 51, .3);
    font-size: 18rpx;
  }

  .list {
    width: 100%;
    border-radius: 14rpx;
    background-color: #fff;
    box-sizing: border-box;
    margin-top: 30rpx;

    .item {
      width: 200rpx;
      background: #fff;
      margin-right: 20rpx;

    }

    .item:nth-last-child(1) {
      margin-right: 0;
    }
  }
}

/**
 * 标签样式线性
 */
.tagSolid {
  padding: 0 4rpx;
  @include coupons_border_color(theme);
  @include main_color(theme);
  font-size: 20rpx;
  display: inline-block;
  border-radius: 4rpx;
  line-height: 26rpx;
  height: 28rpx;
}

/**
 * 商户标签样式面性
 */
.merType {
  padding: 2px 2px;
  // @include main_bg_color(theme);
  color: #fff;
  font-size: 10px;
  display: inline-block;
  border-radius: 2px;
  line-height: 1;
  position: relative;
  top: -2rpx;
}

/**
 * 商户关注样式
 */
.merCollect {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 18rpx;
  height: 48rpx;
  border-radius: 24rpx;
  @include linear-gradient(theme);
  font-weight: 500;
  font-size: 22rpx;
  color: #FFFFFF;

  .iconfont {
    margin-right: 6rpx;
    font-size: 22rpx;
  }

  &.gary {
    background-color: #999;
  }
}

/**
 * 逛逛文章关注样式
 */
.author {
  &-follow {
    width: 100rpx;
    height: 50rpx;
    border-radius: 33rpx;
    opacity: 1;
    line-height: 50rpx;
    font-size: 24rpx;
    justify-content: center;
    color: #fff;
    @include linear-gradient(theme);

    .iconfont {
      font-size: 18rpx;
      margin-right: 4rpx;
    }

    &.focusBtn {
      border: 1px solid #999999;
      color: #999999 !important;
      border-radius: 33rpx;
      background: none !important;
    }
  }

  &-focused {
    width: 100rpx;
    height: 48rpx;
    line-height: 46rpx;
    font-size: 24rpx;
    border-radius: 33rpx;
    border: 1px solid #999999;
    color: #999999;
    text-align: center;
  }
}

.pages-discover-discover_note_topic-index {
  background-color: #fff !important;
}

//弹窗中我知道了按钮
.btnSuccess {
  width: 520rpx;
  height: 86rpx;
  border-radius: 43rpx;
  line-height: 86rpx;
  text-align: center;
  color: #fff;
  @include main_bg_color(theme);
  margin-top: 70rpx;
}

.popup-content {
  display: flex;
  flex-direction: column;
  padding: 40rpx 30rpx;
  background-color: #fff;
  border-radius: 16rpx;

}

//活动边框样式
.border-picture {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 16rpx 16rpx 0 0;
  background: center/cover no-repeat;
}

.uni-checkbox-input.uni-checkbox-input-checked, .uni-radio-input.uni-radio-input-checked {
  @include coupons_border_color(theme);
  @include main_bg_color(theme);
  color: #FFF !important;
}

.wx-checkbox-input.wx-checkbox-input-checked {
  @include coupons_border_color(theme);
  @include main_bg_color(theme);
  color: #FFF !important;
}

// 上传图片样式
.confirmImg {
  max-width: 100%;

  .pictrue {
    margin: 22rpx 18rpx 0 0;
    width: 146rpx;
    height: 146rpx;
    position: relative;
    font-size: 24rpx;
    color: #999;

    image {
      width: 100%;
      height: 100%;
      border-radius: 14rpx;
    }

    .icon-guanbi1 {
      position: absolute;
      font-size: 45rpx;
      top: -10rpx;
      right: -10rpx;
    }
  }

  .pictrue:nth-of-type(4n) {
    margin-right: 0;
  }

  .pictrue:nth-last-child(1) {
    border: 1rpx solid #ddd;
    box-sizing: border-box;
  }
}

// 店铺diy中的样式
.diyStore {
  position: relative;
  z-index: 5;
  display: flex;
  align-items: center;
}

// 逛逛视频图标
.discover_video_icon {
  position: absolute;
  top: 14rpx;
  right: 14rpx;
  z-index: 10;
  width: 40rpx;
  height: 40rpx;
  line-height: 40rpx;
  background: (rgba(0, 0, 0, .5));
  border-radius: 50%;
  color: #fff;
  text-align: center;

  .iconfont {
    font-size: 20rpx;
    position: absolute;
    left: 12rpx;
  }
}